<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/yahoo.css"/>
    <link rel="stylesheet" href="../css/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <!--导航部分-->
    <link rel="stylesheet" href="../css/nav.css"/>
    <!--footer部分-->
    <link rel="stylesheet" href="../css/footer.css"/>
    <!--info部分-->
    <link rel="stylesheet" href="../css/info.css"/>
    <!--课程学习-->
    <link rel="stylesheet" type="text/css" href="../css/kc-kczb.css"/>
    <!--mask部分-->
    <link rel="stylesheet" href="../css/mask.css"/>
    <link rel="stylesheet" href="../css/qrcode.css"/>

    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <title>课堂直播</title>
</head>
<body>
<!--导航部分-->

<!--页头导航-->
<nav style="box-shadow: 5px 5px 5px 5px #C0C0C0;">
	<div class="nav-1">
		<ul class="fl nav-ul">
            <li>
                <div class="shiZ">
                    <span>市直学院<i class="glyphicon glyphicon-menu-down" aria-hidden="true" style="margin-left: 15px"></i></span>
                </div>
            </li>
            <li class="active">
                <a href="##" style="color: red">首页</a>
            </li>
            <li>
                <a href="###">个人中心</a>
            </li>
            <li>
                <a href="###">课程超市</a>
            </li>
            <li>
                <a href="###">网院公开课</a>
            </li>
            <li>
                <a href="###">直播课堂</a>
            </li>
            <li>
                <a href="###">服务中心</a>
            </li>
        </ul>
        
        <div class="search fr">
            <form>
                <input type="text" class="ipt" id="text"/>
                <span class="glyphicon glyphicon-search souS" aria-hidden="true"></span>
                <div id="loginCsiDiv">
                    <input type="button" value="登录" style="border:0;background: white;display: none" class="enter liactive"/>
                    <div class="s-dl" style="display: none">
                        <i>99</i>
                    </div>
                </div>
            </form>
            <div class="personal" style="z-index:101;display: none">
                <div class="s-dl2"></div>
                <div class="s-per">
                    <p>张三 <span>（英语外教)</span></p>
                    <p>南方中学</p>
                </div>
                <ul>
                    <li><a href="##"><i class="s-per-i1"></i>学习空间</a></li>
                    <li><a href="##"><i class="s-per-i2"></i>智慧商城</a></li>
                    <li><a href="###"><i class="s-per-i3"></i>会员中心</a></li>
                </ul>
                <div class="quit"><a href="##">安全退出</a></div>
            </div>
        </div>
	</div>
</nav>











<div class="navcom" style="width: 100%">
    <div class="wrap1200 clearfix" style="height: 85px;position: relative">
        
        <div class="sz-list">
            <div class="sz-list-content">
                <div class="mh">
                    <p class="mh-name">门户</p>
                    <ul class="mh-list">
                        <li><a href="##">株洲市教师教育网络学院门户</a></li>
                    </ul>
                </div>
                <div class="sxy">
                    <p class="sxy-name">市学院</p>
                    <ul class="sxy-list">
                        <li><a href="##">株洲教师教育网络学院</a></li>
                    </ul>
                </div>
                <div class="qfy">
                    <p class="qfy-name">区分院</p>
                    <ul class="sxy-list">
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                    </ul>
                </div>
                <div class="xfy">
                    <p class="xfy-name">县学院</p>
                    <ul class="xfy-list">
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>
<!--导航栏结束-->


<!--导航图片-->
<header>
	<div class="header-img">
		<img src="../img/header.png"/>
	</div>
	
	<div class="notice">
		<span>通知公告</span>
		<ul>
			<li>
				<span></span>&nbsp;&nbsp;关于罗中梁、杨剑两同志职务任命的决定
			</li>
			<li>
				<span></span>&nbsp;&nbsp;关于罗中梁、杨剑两同志职务任命的决定
			</li>
			<li>
				<span></span>&nbsp;&nbsp;关于罗中梁、杨剑两同志职务任命的决定
			</li>
		</ul>
	</div>
</header>



<section>
	<div class="groom">
		
	<div class="groom0">
		
	
		<div class="groom1">
			<span>推荐课程</span>
		</div>
		
		
		<ul class="groom2">
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
		</ul>
		
		<ul class="groom2">
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
		</ul>
	</div>	
	
	
	
	
	<!--第二个列表-->
	<div class="groom0">
		
	
		<div class="groom1">
			<span>热门课程</span>
		</div>
		
		
		<ul class="groom2">
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
		</ul>
		
		<ul class="groom2">
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
		</ul>
	</div>
	
	
	
	
	</div>
</section>
























<!--foorer部分-->
<div class="footer" style="margin-top: 100px">
    <div>
        <p>主办：株洲市教师培训中心</p>
        <p>湘ICP备10001590号　办公室：0731-22529866</p>
        <p>Copyright © 2005-2011</p>
        <p>湖南润成天睿教育网络科技提供技术支持</p>
    </div>
</div>
<!--footer部分结束-->
<!--遮罩层部分-->
<div class="mask">
    <div class="mask-login">
        <div class="mask-login-con">
            <h6>密码登录</h6>
            <form>
                <div class="form-group">
                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="身份证号码">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="6-16位密码，不区分大小写">
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox">下次自动登录
                    </label>
                    <a href="##">忘记密码</a>
                </div>
                <button type="submit" class="btn btn-default">登录</button>
            </form>
            <a href="##" class="glyphicon glyphicon-remove" aria-hidden="true"></a>
        </div>
    </div>
</div>
<!--二维码-->
<div class="aQrcode">
    <div class="QRcode">
        <a href="">
            <span class="QRcode-1"><img src="../img/001.png"/></span>
           	 <span class="QRcode-2">
           	 	<p>意见</p>
           		<p>反馈</p>
           	 </span>
        </a>
        <a href="">
            <span class="QRcode-1"><img src="../img/002.png"/></span>
           	<span class="QRcode-2">
           		<p>扫码</p>
           		<p>下载</p>
           	</span>
        </a>
        <a href="">
            <span class="QRcode-1"><img src="../img/003.png"/></span>
           	<span class="QRcode-2">
           		<p>官方</p>
           		<p>微信</p>
           	</span>
        </a>
    </div>
    <div class="QRcode-3">
        <p>扫描二维码下载手机app</p>
        <img src="../img/004.png"/>
    </div>
    <div class="QRcode-4">
        <p>扫描二维码关注官方微信</p>
        <img src="../img/004.png"/>
    </div>
</div>
</body>
<script src="../js/nav.js"></script>
<!--mask部分-->
<script src="../js/mask.js"></script>
<script src="../js/qrcode.js"></script>
</html>